﻿
.header {
    background-color: rgba(255, 67, 81, 0.85);
    color: #ffffff;
    padding: 6px 15px;
    /*background-image: url(http://i3.meishichina.com/attachment/mofang/2015/12/10/201512101449710986698.jpg);*/
    background: #c90000 url(http://css.meishij.net/n/images/header_bg.png) center repeat-y;
    /*background-size: 100% 100%;
            background-repeat: no-repeat;
            opacity: 0.4;*/
}

.spliter {
    padding: 4px;
    background-color: rgba(239, 239, 239, 1);
}

.spliter-nopadding {
    background-color: rgba(239, 239, 239, 1);
}

.spliter-mid {
    padding: 10px;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 60px;
}

.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .menu li:hover {
        background-color: #0099cc;
    }

.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

a.selected.list-group-item {
    background-color: rgba(239, 239, 239, 1);
    z-index: 2;
}

.divHover :hover {
    background-color: #0099cc;
}

.divHover {
    background-color: #9999cc;
}

.fl {
    float: left;
}

.fl-R {
    float: right;
    right: 6px;
    position: absolute;
    top: 4px;
}

.discount-icon {
    margin-top: 1px;
}

.icon {
    background-image: url(../img/icons.png);
    display: inline-block;
}

.i-first {
    background-position: -297px -21px;
}

.i-delivery {
    background-position: -466px -284px;
    height: 17px;
    width: 17px;
}

.i-ding {
    width: 17px;
    height: 17px;
    background-position: -438px -90px;
}

.i-di, .i-first, .i-reimbursement, .i-ticket {
    height: 17px;
    width: 17px;
}

.i-pay {
    background-position: -258px -286px;
    width: 17px;
    height: 17px;
}

.i-minus {
    width: 17px;
    height: 17px;
    background-position: -297px -44px;
}

.i-cheque {
    height: 17px;
    width: 17px;
    background-position: -386px -90px;
}

.i-coupon {
    height: 17px;
    width: 17px;
    background-position: -323px -21px;
}

.i-discount {
    height: 17px;
    width: 17px;
    background-position: -85px -20px;
}

.i-home {
    height: 20px;
    width: 20px;
    background-position: -212px -446px;
}

.i-order {
    height: 20px;
    width: 20px;
    background-position: -212px -471px;
}

.i-user {
    height: 20px;
    width: 20px;
    background-position: -126px -19px;
}

.i-zan {
    width: 15px;
    height: 15px;
    background-position: -416px -63px;
}

.i-gold {
    width: 36px;
    height: 36px;
    background-position: -279px -112px;
}

.i-second {
    width: 36px;
    height: 36px;
    background-position: -296px -151px;
}

.i-third {
    width: 36px;
    height: 36px;
    background-position: -313px -112px;
}

.btn-lg-order-status {
    font-size: 15px;
    height: 40px;
    padding: 0 50px;
}

.divider {
    width: 1px;
    background: #000000;
    /*margin: 0px 0px 20px 0px;*/
    height: 30px;
    /*float: right;*/
}

h2 {
    margin-top: 10px;
    margin-bottom: 2px;
}

.shop-cartctrl {
    border: 1px solid #DDD;
}

.shop-cartbutton, .shop-cartctrl {
    display: inline-block;
    position: absolute;
    right: 10px;
    border: 1px solid #DDD;
    cursor: pointer;
    width: 90px;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    text-align: center;
    outline: 0;
}

    .shop-cartctrl .ctrl.minus {
        left: 0;
        border-right: 1px solid #DDD;
        border-radius: 20px 0 0 20px;
        cursor: pointer;
    }

    .shop-cartctrl .ctrl {
        position: absolute;
        top: 0;
        display: inline-block;
        height: 24px;
        border: 0;
        width: 27px;
        text-align: center;
        background-color: #EEE;
        line-height: 24px;
        outline: 0;
    }

        .shop-cartctrl .ctrl.quantity {
            background-color: white;
            width: 36px;
            left: 27px;
        }

        .shop-cartctrl .ctrl.plus {
            right: 0;
            border-left: 1px solid #DDD;
            border-radius: 0 20px 20px 0;
            cursor: pointer;
        }

.card {
    background: #FFFFFF;
    /*max-width: 400px;
            margin: 100px auto;*/
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-sizing: border-box;
    padding: 1px;
    text-align: center;
}

    .card.inactive {
        -webkit-filter: grayscale(1);
        background-image: url(http://sc.yymoban.com/pic/qita/qt1150709.png);
        background-size: 105px;
        background-repeat: no-repeat;
        background-position: 230px 0px;
    }

#divMenu .thumbnail {
    padding: 0px;
}

#divMenu .row {
    margin: 0px;
}

#divMenu .col-xs-6, .col-xs-3 {
    padding-left: 0px;
}

#divMenuCategory li.active {
    color: red;
}

#divMenuCategory li {
    color: gray;
}

.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
    background: url('http://www.helloweba.com/demo/spinner/spinner/spinner-sf0d5bd965d.png') no-repeat;
}

.spinner {
    height: 25px;
    width: 71px;
    overflow: hidden;
    *zoom: 1;
    -webkit-box-shadow: 0 3px 3px -4px #aaa;
    -moz-box-shadow: 0 3px 3px -4px #aaa;
    box-shadow: 0 3px 3px -4px #aaa;
}

    .spinner button, .spinner .value {
        text-align: center;
        display: block;
        float: left;
        height: 100%;
        line-height: 25px;
        margin: 0;
    }

    .spinner button {
        border: none;
        width: 23px;
        color: #e5312a;
        font: 22px Arial bold;
        padding: 0;
        outline: none;
    }

    .spinner .decrease {
        background-position: 0 -50px;
        cursor: pointer;
        text-indent: -10000px;
    }

        .spinner .decrease[disabled] {
            background-position: 0 -75px;
            cursor: default;
        }

    .spinner .increase {
        background-position: 0 0;
        cursor: pointer;
        text-indent: -10000px;
    }

    .spinner .value {
        background-position: 0 -100px;
        width: 24px;
        height: 27px;
        border: none;
        font-family: Arial;
        color: #ffffff;
        padding: 0px;
    }

        .spinner .value.passive {
            background-position: 0 -25px;
            color: #919191;
        }

    .spinner .error, .spinner .invalid {
        background: #aa0000;
    }

.nav-header {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /*width: 100px;*/
    /*-webkit-backface-visibility: hidden;*/
    /* backface-visibility: hidden; */
}

.homeDiscount1 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 12px;
}

.homeDiscount2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 12px;
}

.homeDiscount3 {
    border-right: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 12px;
}

.homeDiscount4 {
    padding-bottom: 10px;
    font-size: 12px;
}
